Лучшее в Дизайн Мании за 2012 год

Перед тем как приступить к написанию новых полезных публикаций в 2013 я решил подвести своего рода итоги 2012 года. Поэтому для каждого из блогов по отдельности составил списки лучших прошлых постов. Сегодня эта участь ожидает Дизайн Манию. Проект продолжает потихоньку развиваться, чему я очень рад. Хотелось бы, конечно, быстрее, лучше и больше, но на все времени, увы, не хватает.

Что касается самых интересных статей, то тут в отличии от WordPress inside (где пришлось группировать статьи по тематикам) все гораздо проще — основные категории блога самостоятельно определяют структуру данного поста. Итак, поехали.

Лучшие иконки 2012

Иконки — один из самых популярных «продуктов» на дизайнерский сайтах, где регулярно публикуются их тематических сборки. Я, в принципе, не отличаюсь оригинальностью в данном случае и тоже готов порадовать 4-мя соответствующими постами.

Винтажные социальные иконки для блоггеров подойдут для сайтов и блогов, выполненных в стиле старины или посвященными этой теме. Все наборы содержат картинки социальных сервисов.
Трехмерные социальные иконки, 3D иконки — и снова в центре внимания соц.сервисы, только на этот раз исполнение всех иконок связано с трехмерным изображением, смотрится достаточно интересно.
Глянцевые (Glossy) иконки — эти три красивых бесплатных набора привлекают в первую очередь своим ярким исполнением, каждая картинка имеет хорошую детализацию. Иконки разные, не связаны с социальными сетями, а посвящены компьютерной теме в целом.
Интересные наборы иконок с Хабра — в статье найдете весьма оригинальные материалы: во-первых, иконки популярных русских сервисов, во-вторых, сервис-навигатор по иконкам Icons Explorer и, в-третьих, графический фреймворк для создания соц. иконок в любом стиле.

Лучшие материалы для фотошопа

В разделе блога «Скачать» находится много материалов, которые дизайнеры используют в своей работе — текстуры, кисти, градиенты, PSD исходники, клипарт и т.п. По этой теме в 2012 была парочка заметок.

Сервис Subtle Patterns – 200 бесплатных простых текстур — простой сервис с общедоступными и несложными текстурами. Не смотря на простоту изображений там можно подобрать отличные текстуры, которые бы не сильно выделялись на сайтах.
Новые полезные текстуры для сайта — несколько разнообразных наборов текстур: абстрактные, винтажные, с геометрическими формами, с орнаментами и т.п.
Немного экшенов Photoshop – третья часть серии публикаций с экшенами. Напомню, что последние помогают за пару кликов применить к фотографиям в фотошопе целый набор разных эффектов, преобразив ее до неузнаваемости.
Коллекция «TEN» от Fotolia – бесплатные PSD исходники от лучших художников мира. Это был одним из первых постов в прошлом году и рассказывал об очень интересной акции от Fotolia. Каждый месяц профессиональные художники рисовали определенные иллюстрации, предоставляя при этом все исходники для фотошопа и рассказывая о себе и своей работе. Видео, помню, меня особо впечатлило. Сейчас стартовал второй сезон акции TEN от Fotolia.

Лучшие логотипы 2012

Логотипы везде. Сайт без логотипа представить себе практически нереально, именно с его создания начинается любая веб-разработка. Тем не менее, это достаточно сложный труд, иногда требующий очень большой «дозы» вдохновения и времени — порой легче нарисовать макет целого сайта чем небольшой логотип. Если вы как раз испытываете сложности в этом деле — посмотрите парочку постов с примерами работ для вдохновения.

Круг вдохновения: 45 логотипов с использованием круга — собственно в описании этого (как и нескольких постов ниже) добавить нечего, так как заголовок полностью раскрывает суть заметки. Да, найдете здесь логотипы с кругами, да в числе 45 штук:)
50 мрачных логотипов и брендов — эти картинки будут особенно актуальных для тематики хэллоувина и всем, что связано с мрачными, темными силами. Есть весьма интересные реализации.
Подборка удивительных музыкальных логотипов — изображения, где так или иначе используются музыкальные символы, инструменты и т.п.
33 «аппетитных» логотипов ресторанов и кафе — наверное, самая «практичная» из подборок, так как здесь есть много реально используемых логотипов. В предыдущих статьях некоторые изображения, как показалось, создавались ради процесса, то есть носили, можно сказать, теоретический характер (хотя я могу ошибаться). В данном случае просто чувствуется больше мысли, креатива и оригинальности, а не просто визуализации названия сайта / сервиса и т.п.
Урок создания логотипа в Adobe Illustrator — гостевой пост от одного из читателей блога, где он показывает и детально описывает весь процесс создания реального логотипа: от черновиков-зарисовок до обработки изображения в фотошопе.

Верстка и css 2012

Неотъемлемой частью веб-дизайна является также и верстка. Может быть не самой главной, но точно причастной к этому глобальному термину. Ведь каждый нарисованный макет, созданный логотип или любая другая вещь, ориентирована на Web, представлена там не без участия CSS и HTML.

Фоновое слайдшоу изображений на весь экран с помощью CSS3 — очень стильный и яркий вариант оформления своего сайта. В данной статье сможете почитать как реализовать такой эффект. Там для картинок на фоне еще и предусмотрены разные варианты анимации, что выглядит вообще сногсшибательно (при хорошей скорости интернета).
Слайдер “аккордеон” для сайдбара с помощью CSS3 — один из вариантов эффективного расположения текста в боковой панели сайта, когда он может при необходимости скрываться и открываться.
CSS стили для заголовков сайта — такой, казалось бы, простой и обыденный элемент сайта как заголовок в руках умелого верстальщика может заиграть новыми и необычными красками. В статье есть парочку примеров реализации оригинальных заголовков H1-H4.
Подборка отличных генераторов CSS3 и HTML5 — простое и быстрое создание различных элементов сайта (кнопок, градиентов, объектов, форм) возможно с помощью различных генераторов. Вы задаете определенные параметры (цвет, размеры), а на выходе получаете готовый CSS3 и HTML5 код.
10 бесплатных редакторов CSS — гостевой пост с набором отличных и главное доступных программы, в которых можно править код своего сайта. Каждый из редакторов обладает своими каким-то фишками, преимуществами и нюансами. Из такого большого количества вариантов, думаю, выбрать для себя лучший не будет проблемой.

Лучшие дизайны сайтов 2012

Лучшие дизайны сайтов часто используются для вдохновения. Бывает сидишь перед монитором и просто таки ничего толкового не можешь придумать. Тут надо либо отвлечься, либо поискать подсказки в работах других мастеров. Кроме того, изучение тематических подборок сайтов позволяет понять какие именно элементы, штрихи и детали важны для той или иной темы: свадебный, корпоративный, имиджевый сайты — все они между собой отличаются.

Примеры невероятно красочного дизайна сайтов — поговаривают, что решение остаться на сайте пользователь принимает в течении нескольких первых секунд. Заходя на такие сайты он, думаю, гарантированно проведет там не одну минуту.
Примеры крутых сайтов с использованием слайдеров — данный элемент дизайна достаточно прочно закрепился на сайтах, причем он хорошо подходит как для строгих корпоративных проектов, интернет магазинов, так и многих развлекательных блогов.
Тренд веб-дизайна “фотофон” – крупные изображения для бэкграунда — выше в уроках CSS я уже писал о подобной реализации сайтов. Здесь в статье вы найдете намного больше разных вариантов, приемов и фишек в использовании этого тренда.
25 сказочных сайтов свадебных фотографов. Свадьба, только свадьба, и ничего кроме свадьбы — именно это найдете в примерах. Не смотря на то, что все сайты посвящены одной теме, реализация и концепция у дизайнеров, много-чем отличается.
Арт-шаблоны. Рисованные иллюстрации на сайте — бывает так, что дизайнеры создают полностью рисованный сайт (труд конечно неимоверный). Кстати, в подборке есть один сайт, где я занимался технической реализацией, а еще один был создан в студии, где когда-то работал — это при том, что подборка создана не мной.

Статьи и вдохновение дизайнеру

По этим двум направления я, к сожалению, так и не смог собрать 4-5 разных постов, поэтому объединил их в одну подборку. В принципе, ни на что это особо не влияет.

Мое вдохновение как дизайнера – все возможные источники. Когда я говорю «все возможные источники» именно это имею ввиду. Данный пост создавался под один из конкурсов блогосферы и создавался он очень долго. Мало то что текста там на добрых 4-5 постов, так еще большую часть иллюстраций компоновал сам из разных картинок. Статья получилась просто громадная! Советую посмотреть.
Завораживающие фэшн-иллюстрации Сандры Джавад (Sandra Jawad) — художница используют сухие цифровые чернила, что придает картинам интересный эффект. В кадре стильные девочки и мальчики.
Погружение в сказку: финский иллюстратор Pete Revonkorpi — другой художник-иллюстратор наоборот предлагает нам отойти от реальности и посмотреть на мир несколько под иным «сказочным» углом. Все картины очень трогательные и душевные.
Мобильная версия сайта и адаптивный дизайн: все «за» и «против». Напоследок, как и предупреждал выше, будет 2 статьи. Первая — про такой актуальный и обсуждаемый сейчас адаптивный дизайн сайтов. Вообще, конечно, в 2013 году процент мобильных устройств (смартфонов и планшетов) будет неуклонно расти — пора учитывать и этих посетителей сайтов.
Редизайн: несколько индикаторов того, что его время пришло. Время от времени нужно делать редизайн своих проектов — это полезно для оживления активности, внесения новизны. Кроме того, под новый шаблон можно добавить современных функциональных решений.

Разные сервисы

В прошлом 2012 году некоторые сервисы обратили на себя внимание, и я не мог не пройти мимо них. Не буду вдаваться в общее описание что там такого важного было, а сразу перейду к рассмотрению постов блога.

Детальный обзор Wix.com – простого и бесплатнго конструктора сайтов. Простым этот сервис можно назвать исключительно из-за его доступности для рядового пользователя — дабы создать сайт вам не нужны никакие профессиональные знания веб-разработки. Что касается функциональности, то она очень и очень крутая — здесь есть практически все, что нужно для любого сайта.
TemplateMonster Russia — открытие одного из самых популярных сервисов по шаблонам в России, безусловно заслуживает внимания. Это не только локализация их сайта на русский язык, но и соответствующая тех.поддержка, а также интересные конкурсы и акцции.
Микросток iStockphoto теперь и в рунете — еще один «мировой» бренд пришел на российский рынок с целью расширить аудиторию своих пользователей и дизайнеров, зарабатывающих в микростоках. Статья не содержит детального обзора, просто событие, которое в итогах 2012 следовало упомянуть.
Новый сервис в Рунете: Домен + Логотип = Logopod. Здесь можно встретить логотипы, похожие на те, что я рассматривал выше. Фишка заключается в том, что выбирая домен для нового сайта вы можете купить его сразу с готовым тематическим логотипом.
Preloaders – генератор анимированных прелоадеров GIF или PNG. Тут, в принципе, и добавить нечего. Простой сервис, который позволяет создать прелоадер.

Вот таким был прошедший дизайнерский 2012 год. Думаю, из представленного списка материалов и публикаций, сможете подобрать парочку интересных для себя. Я же, в свою очередь, постараюсь не только продолжать радовать вас новыми статьями, но и делать это чуть-чуть чаще. К сожалению, не всегда это получается за счет разной другой работы, но посмотрим что с этим можно придумать. Кстати, если вы интересуетесь тематикой дизайна и более-менее хорошо в ней разбираетесь — пишите на stod84@gmail.com — мы можем обсудить условия соавторства на Дизайн Мании.